<template>
  <div>
     <div>
        <h1 >{{uname}}</h1>
        <button @click = 'serverEvent'>按钮</button>
     </div>
   </div>
</template>
 
<script>
export default {
  data() {
    return {
        uname :'Hell0,World'
    };
  },
  methods: {
    serverEvent(){
        this.uname = this.uname.split('').reverse().join('')
    }
  }
};
</script>

<style scoped>
     
</style>